<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="guodegang.css"/>
    <script src="../vue.js"></script>
</head>
<body>
<div id="container">
    <!-- 头部开始 -->
    <div id="header">
        <div id="H_top">
			<div id="top_center">
				<div class="center_A">
					<img src="./img/icon_cart.png" class="img_left">
					<p>{{txt}}</p>
				</div>
				<div class="center_B">
					<img src="./img/icon_tel.png" class="img_right">
					<p>{{txt_right}}</p>
				</div>
			</div>
		</div>
		<div id="H_bot">
			<ul id="bot_ul">
				<li>{{txt_li1}}</li>
				<li>{{txt_li2}}</li>
				<li>{{txt_li3}}</li>
				<li class="Dy_s"> 
					<img src="img/logo%20(1).png" />
				</li>
				<li>{{txt_li5}}</li>
				<li>{{txt_li6}}</li>
				<li>{{txt_li7}}</li>
			</ul>
		</div>
    </div>
    <!-- /头部 -->
	<!-- 轮播图 -->
	<div id="Rotation">
		<img src="img/1.jpg" />
	</div>
	<!-- /轮播图 -->
	<!-- 演出信息 -->
	<div id="index_block_warp">
		<div id="index_title">
			<h2>{{txt_h2}}</h2>
			<h3>{{txt_h3}}</h3>
		</div>
		<div class="index_block">
			<div class="tow_images">
				<ul id="tow_left">
					<li class="tow_left_L">
						<a href="#">
							<img src="img/63.jpg" />
							<div>{{txt_2018}}</div>
						</a>
					</li>
					<li class="tow_left_R">
						<a href="#">
							<img src="img/62.jpg" />
							<div>{{txt_hj}}</div>
						</a>
					</li>
				</ul>
				<div id="tow_right">
					<h2>{{text_Jc}}</h2>
					<ul>
						<li v-for = "(item) in navlist">
							{{item}}
						</li>
					</ul>
				</div>
			</div>
			<div class="tow_Gd">
				<p>
					{{txt_Gd}}
				</p>
			</div>
		</div>			<li></li>
	</div>
	<!-- /演出信息 -->
	<!-- 艺人风采 -->
	<div id="Center_Yr">
		<div class="Center_Yr_t">
			<h1>{{txt_ho}}</h1><br />
			<h2>{{txt_ht}}</h2>
		</div>
		<ul class="Center_Yr_c">
			<li class="int-2_li2">
				<a href="#" target="_blank">
					<img v-bind:src="mainPack.gdg" alt="" class="img_Gif2"/>
					<p class="int-2_p2">郭德纲</p>
				</a>
			</li>
			<li class="int-2_li2">
				<a href="#" target="_blank">
					<img v-bind:src="mainPack.yq" alt="" class="img_Gif2"/>
					<p class="int-2_p2">于谦</p>
				</a>
			</li>
			<li class="int-2_li2">
				<a href="#" target="_blank">
					<img v-bind:src="mainPack.yyp" alt="" class="img_Gif2"/>
					<p class="int-2_p2">岳云鹏</p>
				</a>
			</li>
			<li class="int-2_li2">
				<a href="#" target="_blank">
					<img v-bind:src="mainPack.gql" alt="" class="img_Gif2"/>
					<p class="int-2_p2">郭麒麟</p>
				</a>
			</li>
		</ul>
		<div class="tow_Gd2">
			<p>
				{{txt_Gd}}
			</p>
		</div>
	</div>
	<!-- /艺人风采 -->
	<!-- 影响咨询 -->
	<div id="yXzx">
		<div class="yXzx_1">
			<div class="Center_Yr_t">
				<h1>{{txt_ho}}</h1><br />
				<h2>{{txt_ht}}</h2>
			</div>
			<ul>
				<li class="left">
					<div class="int-2_li1">
						<a href="#" target="_blank">
							<img v-bind:src="mainPack.gq_o" alt="" class="img_Gif"/>
							<p class="int-2_">德云社丁酉岁末封箱那些事儿</p>
						</a>
						<span class="int-2_s">德云社岁末封箱，精彩纷呈</span>
					</div>
					<div class="int-2_li">
						<a href="#" target="_blank">
							<img v-bind:src="mainPack.gq_T" alt="" class="img_Gif"/>
							<p class="int-2_">国庆游推荐 | 这六个地方值得去！</p>
						</a>
						<span class="int-2_s">德云社岁末封箱，精彩纷呈</span>
					</div>
					<div class="int-2_li3">
						<a href="#" target="_blank">
							<img v-bind:src="mainPack.gq_T" alt="" class="img_Gif"/>
							<p class="int-2_">德云社丁酉岁末封箱那些事儿</p>
						</a>
						<span class="int-2_s">德云社岁末封箱，精彩纷呈</span>
					</div>
				</li>
				<li class="right">
					<a href="#">
						<img v-bind:src="mainPack.ks" alt=""/>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 影响咨询结束 -->
	<!-- 2t -->
	<div class="t_tu">
		<div>
			<img v-bind:src="mainPack.SC" alt="" style="float: left;"/>
			<img v-bind:src="mainPack.GM" alt="" style="float: right;"/>
		</div>
	</div>
	<!-- 2t结束 -->
	<!-- 底部开始 -->
	<div class="footer">
	    <div>
	        <div class="top">
	            <ul>
	                <li v-for="item in list" v-html="item">
	                </li>
	            </ul>
	        </div>
	        <div class="f_bottom">
	            <p>
	                {{p}}
	            </p>
	        </div>
	    </div>
	</div>
	<!-- 底部结束 -->
</div>
</body>
<script>
	new Vue({
		el:'#container',
		data:{
			txt:"在线购票",
			txt_right:"010-63040912",
			txt_li1:"演出信息",
			txt_li2:"艺人风采",
			txt_li3:"影像资讯",
			txt_li5:"场地介绍",
			txt_li6:"粉丝活动",
			txt_li7:"商务合作",
			txt_h2:"演出信息",
			txt_h3:"DeYun Show",
			txt_2018:"2018德云社北美演出情况说明",
			txt_hj:"德云红酒之夜郭德纲暨德云社相声专场演出",
			text_Jc:"剧场出演",
			navlist:[
				"【德云剧场】2020-01-12 晚场 1朱汝钊       （",
				"【黑龙江德云社剧场】2020-01-12 晚场 1.马鹤琪2.曹九台",
				"【三里屯剧场】2020-01-12 晚场 1.郎昊辰、张九林 【学",
				"【广德楼戏园剧场】2020-01-12 晚场 1、张霄墨、肖霄雨   ",
				"【湖广会馆】2020-01-12 晚场 1、刘九思、王筱阁   ",
				"【南京德云社】2020-01-12 晚场 1.王霄颐、陈九品   ",
				"【三庆园剧场】2020-01-12 晚场 1李九天        ",
				"【吉林德云社】2020-01-12 晚场 1.张鹤舰 张金山 【打",
			],
			txt_Gd:"更多>>",
			txt_ho:"艺人风采",
			txt_ht:"DeYun Show",
			mainPack:{
				gdg:"img/gdg.jpg",
				yq:"img/yq.jpg",
				yyp:"img/yyp.jpg",
				gql:"img/gql.jpg",
				ks:"img/29.jpg",
				gq_o:"img/66.jpg",
				gq_T:"img/67.jpg",
				GM:"img/1 (1).png",
				SC:"img/1.png",
				
			},
			list:[
				'<a href="javascript:;">首页</a>',
				'<a href="javascript:;">演出信息</a>',
				'<a href="javascript:;">艺人风采</a>',
				'<a href="javascript:;">影像资讯</a>',
				'<a href="javascript:;">场地介绍</a>',
				'<a href="javascript:;">粉丝活动</a>',
				'<a href="javascript:;">商务合作</a>',
				'<a href="javascript:;">返回顶部</a>',
			],
			p:'北京德云社版权所有 Copyright2003-2014 All Rights Reserved 京公网安备110102006087 京ICP备05062473号 北京德云社文化传播有限公司'
		}
	})
	
</script>
</html>